@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-11-23 11:06:56
 * @version $Id$
 */
/*顶部导航start*/
.siteNav{
    width:100%;
    height:34px;
    border-bottom:1px solid #e6e6e6;
    background-color:#f2f2f2;
    font-size:12px;
    min-width:1200px;
    color:#737373;
}
.siteNav .container{
    width:1200px;
    margin:0 auto;
}
.siteNav .container .menu{
    line-height:35px;
    float:left;
}
.siteNav .container .menu a:hover{
    color:#ff6a00;
}
.siteNav .container .dropdown:hover a{
    border-color:#d9d9d9;
    border-bottom-color:#fff;
    background:#fff;
}
.siteNav .container .dropdown:hover .dropdownMenu{
    display:block;
}
.siteNav .container .dropdown:hover .dropdown a{
    border-bottom:0;
}
.siteNav .container .menu a:link,a:visited{
    color:#737373;
}
.siteNav .container .menu>a{
    height:35px;
    padding:0 8px;
}
.siteNav .container .menu>a .ico{
    margin-right:2px;
    width:24px;
    height:24px;
    vertical-align:middle;
}
.siteNav .container .icoStar{
    margin-top:-2px;
    background:url(../img/common_z.png) no-repeat 4px -318px;
}
.siteNav .container .dropdown{
    position:relative;
    z-index:1000;
}
.siteNav .container .dropdown>a{
    z-index:1001;
    margin-top:-1px;
    margin-bottom:-1px;
    border:1px solid transparent;
    position:relative;
}
.siteNav .container .dropdown .dropdownMenu{
    font-size:12px;
    margin:0;
    padding:10px;
    border:1px solid #d9d9d9;
    border-radius:0;
    position:absolute;
    top:100%;
    left:0;
    display:none;
    background:#fff;
}
.siteNav .container .dropdown .dropdownMenu>img{
    margin:0 auto;
}
.siteNav .container .dropdown .dropdownWeixin{
    text-align:center;
    line-height:18px;
    min-width:160px;
    padding-top:20px;
}
.siteNav .dropdownWeixin p{
    margin-top:10px;
    margin-bottom:0;
}
.siteNav .icoMobile {
    margin-top:-1px;
    background:url(../img/common_z.png) no-repeat -290px -171px;
}
.siteNav .siteNavR li{
    float:left;
}
.siteNav .siteNavR .menu{
    line-height:34px;
    height:34px;
}
.siteNav .siteNavR .menu>a{
    height:35px;
    padding:0 8px;
    color:#737373;
}
.siteNav .siteNavR .login{
    padding-right:6px;
}
.siteNav .siteNavR .login>a{
    padding-right:2px;
}
.siteNav .siteNavR .siteNavPipe{
    overflow:hidden;
    width:1px;
    height:12px;
    margin:11px 1px;
    padding:0;
    background-color:#d9d9d9;
}
.siteNav .menu .glyphicon{
    width:0;
    height:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:7px solid #d9d9d9;
}
.siteNav .menu:hover .glyphicon{
    border-top:7px solid #ff6a00;
}
.textPrimary {
    color:#ff6a00;
}
.siteNav .dropdownService{
    width:59px;
    min-width:59px\0;
    padding:0 0 10px;
    text-align:center;
}
.siteNav .siteNavR .dropdownService a{
    line-height:10px;
    height:10px;
}
.siteNav .dropdownService a:hover{
    text-decoration:underline; 
}
.siteNav .container .dropdown .dropdownCart{
    min-width:320px;
    padding:15px;
    position:absolute;
    top:100%;
    left:-236px;
}
.siteNav .dropdownCart .empty{
    padding:30px 0;
    text-align:center;
}
.siteNav .container .icoCart{
    margin-top:-2px;
    background:url(../img/common_z.png) no-repeat -340px -284px;
}
.siteNav .container .slogan{
    margin-left:4px;
}
/*头部start*/
.header{
    width:100%;
    height:120px;
}
.header .container{
    width:1200px;
    height:120px;
    margin:0 auto;
}
.header .container .logo a{
    width:220px;
    height:64px;
    background:url(../img/logo.png) no-repeat;
    margin-top:28px;
}
.header .container .logo a h1{
    text-indent:-9999px;
}
.header .container .logo i{
    width:0;
    height:36px;
    margin-top:24px;
    margin-right:12px;
    margin-left:12px;
    vertical-align:middle;
    border-right:1px solid #d9d9d9;
}
.header .container .logo h2{
    width:116px;
    height:36px;
    margin-top:24px;
    vertical-align:middle;
    display:inline-block;
    background:url(../img/common_z.png) no-repeat -294px 0;
}
.header .container .search{
    width:320px;
    margin-top:40px;
    margin-left:136px;
}
.header .container .search .inputGroup input{
    border:1px solid #ff6a00;
    width:199px;
    height:34px;
    padding-left:6px;
    float:left;
    font-size:14px;
    color:#d9d9d9;
    outline:none;
}
.header .container .search .inputGroup button{
    float:right;
    width:113px;
    height:36px;
    font-size:16px;
    cursor:pointer;
    color:#ffffff;
    background:#ff6a00;
    border-color:#ff6a00;
    font-weight:normal;
    text-align:center;
    vertical-align:middle;
    border:1px solid transparent;
    font-family:tahoma, arial, 'Hiragino Sans GB', '\5FAE\8F6F\96C5\9ED1', sans-serif;
}
.header .container .search .helpBlock{
    font-size:12px;
    color:#d9d9d9;
    margin-top:5px;
    margin-bottom:10px;
}
.header .container .search .helpBlock a{
    color:#999999;
    padding-right:2px;
    padding-left:2px;
}
.header .container .search .helpBlock a:hover{
    color:#ff6a00;
    text-decoration:underline
}
.header .container .service{
    margin-top:42px;
    color:#737373;
}
.header .container .service i{
    width:0;
    height:15px;
    margin-right:-23px;
    margin-left:22px;
    vertical-align:middle;
    border-right:1px solid #d9d9d9; 
}
.header .container .service a{
    font-size:12px;
    height:14px;
    margin-left:20px;
    padding-left:20px;
}
.header .container .service a:visited,a:link{
    color:#737373;
}
.header .container .service a:hover{
    color:#ff6a00;
    text-decoration:underline;
}
.header .container .service .icoPhone{
    margin-right:2px;
    width:30px;
    height:30px;
    background:url(../img/common_z.png) no-repeat -376px -46px;
    vertical-align:middle;
}
.header .container .service .icoHeadset{
    margin-right:2px;
    width:30px;
    height:30px;
    background:url(../img/common_z.png) no-repeat -294px -131px;
    vertical-align:middle;
}
/*navDefault start*/
.navDefault{
    height:40px;
    margin-bottom:10px;
    width:100%;
    min-width:1200px;
    background-color:#fe7a24;
}
.navDefault .container{
    height:40px;
}
.navDefault .categorys{
    width:210px;
    height:40px;
    background-color:#ff6a00;
}
.navDefault .categorys h3{
    font-family:tahoma, arial, 'Hiragino Sans GB', '\5FAE\8F6F\96C5\9ED1', sans-serif;
    font-weight:bold;
    line-height:40px;
    display:block;
    margin:0 0 -5px;
    padding:0 15px;
}
.navDefault .categorys h3>a{
    font-size:15px;
    color:#fff;
}
.navDefault .categorys h3 a:hover{
    text-decoration:none;
}
.navDefault .categorys:hover .dropdownMenu{
    display:block;
}
.navDefault .categorys h3 .icon-angle-down{
    margin-left:70px;
    font-size:24px;
}
.navDefault .categorys .dropdownMenu{
    top:100%;
    left:0;
    z-index:1000;
    float:left;
    min-width:160px;
    margin:2px 0 0;
    font-size:14px;
    text-align:left;
    border:1px solid rgba(12, 12, 12, 0.15);
    width:180px;
    display:none;
}
.navDefault .categorys .dropdownCate{
    width:178px;
    margin-top:-1px;
    border-color:#ff6a00;
    border-radius:0;
    padding:10px 15px 0;
    border-bottom:3px solid #ff6a00;
    background-color:#fff;
    height:auto;
    box-shadow:0 2px 2px rgba(0, 0, 0, 0.175);
}
.navDefault .categorys .dropdownMenu h4{
    font-size:14px;
    font-weight:bold;
    margin:0 0 6px;
    padding:0;
    color:#ff6a00;
}
.navDefault .categorys .dropdownMenu h4>a{
    border-top:1px solid transparent;
    color:#ff6a00;
}
.navDefault .categorys .dropdownMenu .cateList{
    margin:0 0 8px;
    padding:0 0 8px;
    border-bottom:1px solid #e9e9e9;
}
.navDefault .categorys .dropdownMenu .cateList li{
    float:left;
    margin-right:8px;
    font-size:12px;
    line-height:22px;
}
.navDefault .categorys .dropdownMenu .cateList li a:hover{
    color:#ff6a00;
    text-decoration:underline;
}
.navDefault .nav{
    font-size: 15px;
    margin:0 0 0 27px;  
}
.navDefault .nav li{
    float:left;
    height:40px;
}
.navDefault .nav li a{
    color: #fff;
    font-weight: bold;
    padding: 10px 24px;
}
.navDefault .nav li a:hover{
    text-decoration:none;
}
.navDefault .nav li:hover{
    background:#FF9855;
}
/*中部 start*/
.main{
    margin-top:-10px;
}
.main .hd{
    width:790px;
    height:75px;
    margin:0 auto 20px;
    padding-top:76px;
    text-align:center;
}
.main .tDefault{
    padding:80px 0 140px;
    background: url(../img/tutorial_bg.png) 0 0 repeat;
}
.main .tDefault .bd .defaultArrow{
    display:block;
    width:72px;
    height:60px;
    margin:0 auto -60px;
    background:url(../img/tutorial_z.png) -172px -640px no-repeat;
}
.main .tMaterial{
    padding:60px 0 120px;
    background-color:#ebebeb;
}
.main .tMaterial .hd{
    background:url(../img/tutorial_z.png) 0 0 no-repeat;
}
.main .hd h3{
    display:none;
    margin-top:20px;
    margin-bottom:10px;
    font-size:24px;
}
.main .hd p{
    font-family:tahoma, arial, 'Hiragino Sans GB', '\5FAE\8F6F\96C5\9ED1', sans-serif;
    font-size:14px;
    margin:0 0 10px;
}
.main .tMaterial .bd{
    text-align:center;
}
.main .tAmount{
    padding-bottom:60px;
    padding:60px 0 120px;
    background: url(../img/tutorial_bg.png) 0 0 repeat;
}
.main .tAmount .hd{
    background:url(../img/tutorial_z.png) 0 -160px no-repeat;
}
.main .tAmount .hd .textPrimary{
    color:#ff6a00;
}
.main .tAmount .bd ul{
    margin:0 100px;
}
.main .tAmount .bd ul li{
    display:block;
    float:left;
    width:210px;
    height:210px;
    margin:0 20px 60px;
}
.main .tAmount .bd ul li a{
    display:block;
    width:210px;
    height:210px;
    text-align:center;
    color:#737373;
}
.main .tAmount ul li img{
    display:block;
    margin:0 auto;
}
.main .tAmount .bd ul li.amountLi{
    border-bottom:2px solid #595758;
}
.main .tAmount .bd ul li.amountLi a img{
    margin-top:50px;
    margin-bottom:20px;
}
.main .tColour{
    padding:60px 0 120px;
    background-color:#ebebeb;
}
.main .tColour .hd{
    background:url(../img/tutorial_z.png) 0 -320px no-repeat;
}
.main .tColour .bd{
    text-align:center;
}
.main .tColour .bd img{
    display:inline-block;
    margin:0 -1px 2px;
}
.main .affixBox .sectionNav{
    top:50%;
    right:40px;
    width:62px;
    margin:-160px 0 0;
    font-family:tahoma, arial, 'Hiragino Sans GB', '\5FAE\8F6F\96C5\9ED1', sans-serif;
    font-size:15px;
    position:absolute;
}
.main .affixBox .sectionNav li{
    margin-bottom:10px;
    float:relative;
    font-size:18px;
    line-height:60px;
    display:block;
    width:62px;
    height:62px;
    text-align:center;
    border:1px solid #ff6a00;
    border-radius:50%;
    cursor:pointer;
    color:#737373;
}
/*.main .affixBox .sectionNav li:hover{
    color:#ff6a00;
}*/
.main .affixBox .sectionNav .focus{
    color:#fff;
    background:#ff6a00;
}
.main .affixBox .sectionNav .goTop{
    overflow:hidden;
    text-indent:-999px;
    background:url(../img/tutorial_z.png) -100px -640px no-repeat;
    border:none; 
}
.main .tAdvance{
    padding:60px 0 120px;
    background: url(../img/tutorial_bg.png) 0 0 repeat;
}
.main .tAdvance .hd{
   background:url(../img/tutorial_z.png) 0 -480px no-repeat; 
}
.main .tAdvance .bd .banner{
    width:960px;
    margin:0 auto;
    overflow:hidden;
}
.main .tAdvance .bd .banner .bannerImg{
    position:relative;
    width:100%;
    left:0;
    top:0;
    font-size:0;
    width:5760px;
    overflow:hidden;
}
.main .tAdvance .bd .banner .bannerImg li{
    width:960px;
    float:left;
}
.main .tAdvance .bd  .controls{
    top:-84px;
    left:50%;
}
.main .tAdvance .bd  .controls .bannerBtn{
    margin-left:-328px;
}
.main .tAdvance .bd  .controls .bannerBtn li{
    float:left;
    cursor:pointer;
}
.main .tAdvance .bd  .controls .bannerBtn .current{
    color:#fff;
    background-color:#595758;
}
.main .tAdvance .bd  .controls .bannerBtn li{
    font-family: tahoma, arial, 'Hiragino Sans GB', '\5FAE\8F6F\96C5\9ED1', sans-serif;
    font-size:24px;
    line-height:40px;
    display:block;
    width:220px;
    height:42px;
    margin:0 -1px 0 0;
    text-align:center;
    color:#595758;
    border:1px solid #595758;
}
.main .tAdvance .bd  .controls .bannerBtn li:hover{
    color:#ff6a00;
}
.main .tAdvance .bd .prev,.main .tAdvance .bd .next{
    line-height:999px;
    top:50%;
    overflow:hidden;
    width:40px;
    height:72px;
    margin-top:-36px;
    cursor:pointer;
}
.main .tAdvance .bd  .prev{
    left:10px;
    background:url(../img/tutorial_z.png) 0 -640px no-repeat;
}
.main .tAdvance .bd .next{
    right:10px;
    background:url(../img/tutorial_z.png) -50px -640px no-repeat;
}
